﻿@model Adams.Public.DataTransfer.Web.Home.Index.PageLoad
@{
    Layout = "~/Views/Shared/_HomeLayout.cshtml";
    ViewBag.Title = "ADAMS";
}
@section Head{
    <link rel="stylesheet" type="text/css" href="/Content/Home/home.css" />
}
<!-- Start Main Header Section -->
<div id="homebanner" class="main-header">
    <ul>
        <li><a href="/prayers/taraweh">
            <img src="/Content/Home/Banners/ramadan2.jpg" /></a></li>
        <li><a href="/donate">
            <img src="/Content/Home/Banners/donate2.jpg" /></a></li>
        <li><a href="/myadams">
            <img src="/Content/Home/Banners/myadams2.jpg" /></a></li>
    </ul>
</div>
<!-- End Main Header Section -->
<!-- Start Main Body Section -->
<div id="main-body">
    <div class="welcome-area">
        <div class="welcome-text">
            @if (DateTime.Now.DayOfWeek == DayOfWeek.Friday && DateTime.Now.Hour < 15)
            {
                <span class="main-title"><strong>Today's</strong> <span class="main-title-blue">Jummah
                    Times</span></span><br />
                <br />
                <div>
                    @foreach (var jlocation in Model.JummahLocations)
                    {
                        <span><strong><a href="/prayers/jummah/@jlocation.Name.Replace(' ', '_')">@jlocation.Name</a></strong>
                            - </span>
                        <span>
                            @foreach (var jprayer in jlocation.Prayers)
                            {
                                @jprayer.Time<text> </text>
                            }
                        </span>
                        <br />
                    }
                </div>
                <br />
            }
            else if (Adams.Shared.CalendarHelper.GetHijriDate(DateTime.Now.AddDays(-1)).IndexOf("Ramadan") >= 0 && DateTime.Now.Hour > 17)
            {
                <span class="main-title"><strong>Today's</strong> <span class="main-title-blue">Taraweh
                    Times</span></span><br />
                <br />
                <div>
                    @foreach (var tlocation in Model.TarawehLocations)
                    {
                        <span><strong><a href="/prayers/jummah/@tlocation.Name.Replace(' ', '_')">@tlocation.Name</a></strong>
                            - </span>
                        <span>
                            @foreach (var tprayer in tlocation.Prayers)
                            {
                                @tprayer.Time<text> </text>
                            }
                        </span>
                    }
                </div>
                <br />
            }
            else
            {   
                <span class="main-title"><strong>Welcome</strong> to <span class="main-title-blue">ADAMS
                    Center</span></span><br />
                <br />
            }
        </div>
        <div style="clear: both;">
        </div>
        <!--Start Body Tabs Section-->
        <div id="tabs">
            <ul>
                <li><a href="#tabs-1">Announcements</a></li>
                <li><a href="#tabs-2">Events</a></li>
                <li><a href="#tabs-3">Press Releases</a></li>
            </ul>
            <div id="tabs-1">
                @foreach (var announcement in Model.Announcements)
                {
                    <p>
                        @if (announcement.Link.Length == 0)
                        {
                            <span><strong><a href="/announcements/@announcement.ID">@announcement.Title</a></strong></span><br />
                        }
                        else
                        {
                            <span><strong><a href="@announcement.Link">@announcement.Title</a></strong></span><br />
                        }
                        <span>@announcement.ShortDescription</span><br />
                    </p>
                }
                <span>
                    <img src="/Content/Images/bullet.png" alt="Read More" /></span>&nbsp;<span class="readmore"><a
                        href="/Announcements">more</a></span>
            </div>
            <div id="tabs-2">
                @foreach (var evet in Model.Events)
                {
                    <p>
                        <span><strong><a href="/events/@evet.ID">@evet.Title</a></strong></span><br />
                        <span>@evet.StartDate.ToShortDateString() - @evet.ShortDescription</span><br />
                    </p>
                }
                <span>
                    <img src="/Content/Images/bullet.png" alt="Read More" /></span>&nbsp;<span class="readmore"><a
                        href="/Events">more</a></span>
            </div>
            <div id="tabs-3">
                @foreach (var pressrelease in Model.PressReleases)
                {
                    <span><strong><a href="/pressreleases/@pressrelease.ID">@pressrelease.Title</a></strong></span><br />
                    <span>@pressrelease.ShortDescription</span><br />
                }
                <span>
                    <img src="/Content/Images/bullet.png" alt="Read More" /></span>&nbsp;<span class="readmore"><a
                        href="/PressReleases">more</a></span>
            </div>
        </div>
        <!--End Body Tabs Section-->
    </div>
    <div align="center" id="right-wrapper">
        <!--Start Body Right Section-->
        <div align="left" class="daily-prayer">
            <div align="left" class="prayer">
                <ul>
                    <li><strong>Prayer</strong></li>
                    <li>Fajr</li>
                    <li>Sunrise</li>
                    <li>Duhr</li>
                    <li>Asr</li>
                    <li>Maghrib</li>
                    <li>Isha</li>
                </ul>
            </div>
            <div align="left" class="prayer">
                <ul>
                    <li><strong>Adhan</strong></li>
                    <li>@Model.PrayerTime.Fajr</li>
                    <li>@Model.PrayerTime.Sunrise</li>
                    <li>@Model.PrayerTime.Duhr</li>
                    <li>@Model.PrayerTime.Asr</li>
                    <li>@Model.PrayerTime.Maghrib</li>
                    <li>@Model.PrayerTime.Isha</li>
                </ul>
            </div>
            <div align="left" class="prayer">
                <ul>
                    <li><strong>Iqamah</strong></li>
                    <li>@Model.PrayerTime.FajrIqama</li>
                    <li>&nbsp;</li>
                    <li>@Model.PrayerTime.DuhrIqama</li>
                    <li>@Model.PrayerTime.AsrIqama</li>
                    <li>@Model.PrayerTime.MaghribIqama</li>
                    <li>@Model.PrayerTime.IshaIqama</li>
                </ul>
            </div>
        </div>
        <div>
            <a href="/Prayers/daily"><strong>Daily</strong></a> : <a href="/Prayers/Jummah"><strong>
                Jummah</strong></a> : <a href="/Prayers/Taraweh"><strong>Taraweh</strong></a></div>
    </div>
    <!--End Body Right Section-->
    <div style="clear: both;">
    </div>
    <div id="grey-bar-wrapper">
        <!--Start Body Grey Bar Section-->
        <div class="grey-left">
            <div class="quick-content">
                Links</div>
            <div align="center" class="seperator">
                <img src="/Content/Images/grey_seperator.png" alt="Quick Links" />&nbsp;</div>
            <div style="clear: both;">
            </div>
        </div>
        <div class="grey-right">
            <div class="facebook-left">
                <div class="facebook-icon">
                    <a href="http://www.facebook.com/adamscenter" target="_blank">
                        <img src="/Content/Images/facebook.png" alt="Facebook" border="0" /></a></div>
                <div class="facebook-text">
                    Facebook</div>
            </div>
            <div class="appstore-right">
                <div class="facebook-icon">
                    <a href="http://itunes.apple.com/us/app/adams/id384560053?mt=8" target="_blank">
                        <img src="/Content/Images/appstore.png" alt="Facebook" border="0" /></a></div>
                <div class="facebook-text">
                    AppStore</div>
            </div>
        </div>
        <!--End Body Grey Bar Section-->
        <div style="clear: both;">
        </div>
    </div>
    <div align="center" id="logo-wrapper">
        <!--Start Partners Logo Section-->
        <span style="padding-left: 8px; padding-right: 8px;"><a href="http://www.faithus.org"
            target="_blank">
            <img src="/Content/Home/Links/www.faithus.jpg" alt="Islamic Society" border="0" /></a></span>
        <span style="padding-left: 8px; padding-right: 8px;"><a href="http://www.alfatih.org"
            target="_blank">
            <img src="/Content/Home/Links/www.alfatih.jpg" alt="Islamic Society" border="0" /></a></span>
        <span style="padding-left: 8px; padding-right: 8px;"><a href="http://www.hhrd.org"
            target="_blank">
            <img src="/Content/Home/Links/www.hhrd.jpg" alt="Islamic Society" border="0" /></a></span>
        <span style="padding-left: 8px; padding-right: 8px;"><a href="http://www.integrated-usa.com"
            target="_blank">
            <img src="/Content/Home/Links/www.integrated-usa.jpg" alt="Islamic Society" border="0" /></a></span>
        <span style="padding-left: 8px; padding-right: 8px;"><a href="http://www.islamicreliefusa.org"
            target="_blank">
            <img src="/Content/Home/Links/www.islamicreliefusa.jpg" alt="Islamic Society" border="0" /></a></span>
        <span style="padding-left: 8px; padding-right: 8px;"><a href="http://www.isna.net"
            target="_blank">
            <img src="/Content/Home/Links/www.isna.gif" alt="Islamic Society" border="0" /></a></span>
    </div>
    <!--Start Partners Logo Section-->
</div>
<!-- End Main Body Section -->
<div style="clear: both;">
</div>
@section Scripts {
    <script src="/Scripts/Home/index.js" type="text/javascript"></script>
}
